<template>
  <lay-container :fluid="true" style="padding: 10px">
    <lay-row :span="24" style="display: flex">
      <lay-col style="flex: 1; background-color: #fff" :xs="24">
        <lay-tab type="brief" v-model="activeTab">
          <lay-tab-item title="角色配置" id="roleConfig">
            <role-count></role-count>
          </lay-tab-item>
          <lay-tab-item title="待扩展" id="toDev">

          </lay-tab-item>
        </lay-tab>
      </lay-col>
    </lay-row>
  </lay-container>
</template>

<script setup lang="ts">
import {ref, onMounted} from 'vue'
import roleCount from './roleCount.vue'

// 初始化数据
onMounted(()=>{
})

// 切换tab
const activeTab = ref('roleConfig')

</script>

<style scoped>
.layui-tag .layui-tag-text {
  margin: 0 8px 8px 0;
}

</style>